const express = require("express")

const webpack = require("webpack")
const webpackDevMiddleware = require("webpack-dev-middleware")

const app = express()

// 加载配置文件 ,,, webpack对这个信息进行编译
const config = require("../webpack.config")
const compiler = webpack(config)

// 将编译之后的对象，，通过这个webpackDevMiddleware这个中间件去处理  变成express可以使用的中间件
var middleware = webpackDevMiddleware(compiler);

// 使用这个中间件      =====>  webpack会根据配置，将源代码进行编译，编译完成之后放入express中间件中，，
app.use(middleware)

app.listen(3000,()=>{
    console.log("服务器已经开启在3000端口。。。。")
})
